/* You can add global styles to this file, and also import other style files */
body{
  font-family: Microsoft Yahei !important;
  background-image: url("assets/img/map.png");
}
h4{color: #fff;}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}
@media (min-width: 768px){
  .sidebar-mini.sidebar-collapse .main-sidebar{
    margin-top: 10px;
    margin-left: -10px;
  }
}
#deleteModal .modal-dialog{
  width: 600px !important;
  margin: 30px auto;
}
@media (min-width: 768px){
  #myModal .modal-dialog,#addModal .modal-dialog,#updateModal .modal-dialog {
    width: 800px;
    margin: 30px auto;
  }}
@media (min-width: 768px){
  .sidebar-mini.sidebar-collapse .main-header .logo{
    width:80px !important;
  }
}

.content-wrapper, .main-footer{
  margin-left:205px;
}
.main-footer{
  border: 0px red solid;
}

.selectContent{
  min-height: 1px !important;
}
.listTable{
  color:  white;
}



.listTable tr:nth-child(even){
   background: #143046  ;
  background: rgba(3,31,53,0.7);
}
.listTable tr:nth-child(odd){
   background: #031F35 ;
  background: rgba(20,48,70,0.7) ;
}
.listTable tr.header-tab{background: #1A7399}
a{
  color: #43A5C4;
}

.dropdown[_ngcontent-c2] > a[_ngcontent-c2] > .fa[_ngcontent-c2]{
  font-size: 25px;
}
form .row{
  margin: 25px 0px;
}
.modal-title{
  border-bottom: 1px #2e7996 solid;padding-bottom: 10px;
}
.modal-content{
  position: relative;
}
.modal-content{
  background: url("assets/img/main.png") no-repeat;
  background-size: 100% 100%;
  min-height:600px;
  padding: 0 50px 0 35px;
}
.modal-body {
  position: relative;
  padding: 0;
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-header,.modal-footer{
  border: 0px red solid;
}
.detailsTable tr td,.detailsTable tr,.detailsTable{
  border-top: 0px red solid !important;
  border-left: 0px red solid !important;
  border-right: 0px red solid !important;
  border-bottom: 1px #2e7996  solid;
}

.modal{
  color: white !important;
}
.close{
  opacity: 1;
  color: #03dff8;
}
.deleteModal .modal-content{
  background: url("assets/img/main-min.png") no-repeat;
  background-size: 100% 100%;
  min-height: 330px;
  width: 525px;
}

.deleteModal .modal-content .modal-body {
  height: 140px;

}
.deleteModal .modal-content span{
  font-size: 20px;
}
input{
  background-color: transparent;
  border: 1px #2e7996 solid;
}

/*.form-control{width: 70%;float: left;color: white}*/
.form-control{width: 70%;float: left;background: none;
  color: white;
  border: 1px solid #41a1b8;border-radius: 8px;
}
.mandatory{float: left;margin-top: 7px;}
.listSectionSelect>form{
  font-size: 16px;
}
.add-box{background:#194564; width: 100%; padding: 5px;}
.add-tit{border: none; float: right; width: 80px; height: 25px;background: #8BC34A;color: #fff; line-height: 15px}
/* 通用 */
::-webkit-input-placeholder { color:#fff !important; }
::-moz-placeholder { color:#fff !important; } /* firefox 19+ */
:-ms-input-placeholder { color:#fff !important; } /* ie */
input:-moz-placeholder { color:#fff !important; }


/*   改样式  */
table,table tr th, table tr td {
  border:1px solid rgba(160,160,160,1);
  border-top: 1px  rgba(160,160,160,1) solid !important;
}
/*table,table tr th, table tr td {
  border: 1px solid #57c4d6;
  border-top: 1px solid #57c4d6 !important;
}*/

.listSection{
  border:1px  rgba(42,135,164,0.4) solid;
  width: 95%;
  padding: 10px 0px;
  margin-left: 2%;
  background: rgba(4,108,139,0.4) ;
  margin-top: 10px;
}

.listSection>.content{
  border:1px rgba(42,135,164,0.4) solid;
  margin: 10px;
  background: rgba(4,108,139,0.4) ;
}
.listSection>.listNav{
  font-size: 14px;
  margin-left: 10px;
}
.selectContent form .form-control{width:40%;background-color: #3693AC ;border: 1px solid #41a1b8; height: 24px;border-radius: 4px;padding: 0 12px;}
.selectContent form .search-list{
  width:28%;}
.selectContent form .search-list-btn{
  width:10%;
  text-align: right;
}
/*.selectContent form .form-control{width:40%;background-color: #3693AC ;border: 1px solid #41a1b8; height: 24px;border-radius: 4px;padding: 0 12px;}
.selectContent form .search-list{
  width:30%;}
.selectContent form .search-list-btn{
}*/
.form-group label{
  font-weight:normal;width: 130px;font-size: 14px; text-align: right; color: #fff; float: left;}
.form-group input,.form-group select{width: 40%;}
.selectStyle{
  background: rgba(72,172,194,0.7);
  color: white;
  border: 1px solid #41a1b8;border-radius: 8px;
}
.selectButtonOfA{
  color: white !important;
  width: 100%;
  /* background: url("/assets/img/buttonBorder.png") no-repeat !important;*/
  background-size: cover;
  height: 24px;
  width: 60px;
  line-height: 12px;
}
.search-btn{
  background: #6CC9F9;
}
.reset-btn{background: #E0A50D;}
.close-btn{background: #8BC34A;}
.sumbit-btn{background:#6CC9F9; }
.listBackgroungSelect>span{
  font-size: 16px;
  /*color: #58c0d3;*/
  color: #fff;
}
.listBackgroungSelect{
  position: relative;
  top:-16px;
  padding: 10px 0px;
  background-image: url("assets/img/trapezoid.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20% 100%;
}
table th{font-size: 14px; font-weight: normal;}



/*   切换菜单*/
.sidebar{
  position: relative;
}
.switchMenu{
  background: url("assets/icon/shou.png") no-repeat;
  position: absolute;
  top: 50%;
  right: 8px;
  height: 30px;
  width: 15px;
}
.sidebar-collapse  .switchMenu{
  background: url("assets/icon/right.png") no-repeat;
  position: absolute;
  top: 50%;
  left: 50px;
  height: 30px;
  width: 15px;
}

/*  右上角四个图标*/
.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus{

}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
  background: rgba(1,1,1,0);
}
.white{
  color: white !important;
}
/**    查询条件 **/
.box {
  position: relative;
  border-radius: 0px;
  background: transparent !important;
  border-top: 0px solid #d2d6de;
  margin-bottom: 0px;
  width: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0);
  box-shadow: 0 1px 1px rgba(0,0,0,0);
}
.box-header.with-border {
  border-bottom: 0px solid #f4f4f4;
}

.content{
  padding-bottom: 0px !important;
}

.fa-white{
  color: white;
}


.table a{
  color: white!important;
}

.add-tit:hover{
  color: white;
}
/* 弹出框底部居中  */
.deleteModal .modal-content .modal-footer {
  text-align: center;
  /* position: absolute; */
  /* bottom: 15%; */
  /* left: 35%; */
  padding-right: 20%;
}
.modal-footer {
  text-align: center;
  /* position: absolute; */
  bottom: 5%;
  /* left: 38%; */
}
/* 切换菜单按钮*/
.changeMenuBtn{
  width: 100%;
  background: inherit;
  border-bottom: 1px white solid;
}

/*孙侠*/
.navbar-custom-menu{
  margin-right: 20px;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
  background-color: rgb(229,28,35) !important;
}
.listTable,.listTable a{
  color:  white !important;
font-size: 13px;
}

.list-icon{vertical-align: text-bottom}
.nav-tabs>li{
  width:20%;
}
.nav-tabs>li>a {
  position: relative;
  display: block;
  text-align: center;
  background: url("assets/img/baseImg/pointbg.png");
  background-repeat:no-repeat;
  background-size: 100% 100%;
  width:100%;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.nav-tabs>li>a:hover {
  cursor: default;
  background: url("assets/img/baseImg/activebg.png");
  background-repeat:no-repeat;
  background-size: 100% 100%;
  border-bottom-color: transparent;
  border:none;
  color: #fff !important;
}
/*  设备污染物关联*/
.code-box .first-line {
  position: relative;
  font-size: 12px;
  height: 150px;
  border-top: 1px  rgba(42,135,164,0.4) solid;
}
.code-box .first-line .selectStyle{padding: 0 0 !important;font-size: 12px;}
.code-box .first-line-bj{
  margin-left: 20px;margin-right: 20px;padding-top: 20px;height: 110px;
}
.code-box .first-line label {
  font-weight: normal;
  width: 130px;
  font-size: 12px;
  text-align: right;
  color: #fff;
  float: left;
}
.code-box .first-line input,.code-box .first-line select{width: 100%; height: 20px;
  border-radius: 4px;font-size: 12px;}
 form .code-box .first-line .row {
  margin: 10px 0px;
}
.code-box .col-sm-1{padding-left: 0; padding-right: 0;}
.code-box .control-label {
  padding-top: 0;
  margin-bottom: 0;
  text-align: right;
}
.delete-data{ position: absolute;
  top: 60px;
  right: 10px;}
.addPort{margin-top: 5px;}
.addPort img{
  width: 20px;
  height: 20px;
  vertical-align: middle; margin-right: 5px;
}
.delete-data{margin-top: 5px;}
.delete-data img{ width: 20px;
  height: 20px;
  vertical-align: middle; margin-right: 5px;}

/*  必填  */
.prompt-box{position: relative}
.prompt-box .prompt2{
  position: absolute;
  top: 5px;
}
.zhanshi{
  width: 50% !important;
  height: 24px !important;
  background-color: #3693AC !important;
  border: 1px solid #41a1b8 !important;
  border-radius: 4px !important;
  margin-top: -3px !important;
  color: #fff;
}
.nav-tabs-custom .nav-tabs .active{
  border-left: 0px red solid !important;
  border-right: 0px red solid !important;
  border-top: 0px red solid !important;
}
/* 曾献想*/
.form-group button:nth-child(2){
  position: absolute;
  margin-top: 1px;
  margin-left: 3px;
}
.box-body{
  overflow-x: auto;
  overflow-y: hidden;
  white-space :nowrap
}
.td2{
  display: block;
  margin-top: -75px;
}
.td3{
  display: block;
  margin-top: -120px;
}
.form-group button:nth-child(2){
  position: absolute;
  margin-top: 1px;
  margin-left: 3px;
}
.red{
  color: red;
}
.Bomb-box{
  background: url("assets/img/main-min1.png") no-repeat !important;
}
